<template>
      <div class="footer-wrapper">
          <button @click="handleLeftClick">{{leftBtnTxt}}</button>
          <button @click="handleRightClick" v-if="!isFillColumn">{{rightBtnTxt}}</button>
       </div>
</template>
<script>
export default {
  props: {
    leftBtnTxt: {
      type: String,
      default: "提交"
    },
    rightBtnTxt: {
      type: String,
      default: "审核"
    },
    isFillColumn: {
      type: Boolean,
      default: true
    }
  },
  methods: {
    handleLeftClick() {
      this.$emit("handleLeftClick");
    },
    handleRightClick() {
      this.$emit("handleRightClick");
    }
  }
};
</script>
<style lang="scss">
.footer-wrapper {
  position: fixed;
  width: 100%;
  height: 1.2rem;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  button {
    flex: 1;
    height: 100%;
    font-size: .4rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    color: #000000;
    background-color: #f8f8f8;
  }
}
</style>
